import React from "react";
import "venobox";
import frame from '../../style/frame.less';
import img1 from "../../images/1w.jpg";
import img2 from "../../images/2w.jpg";
import img3 from "../../images/3w.png";
import img4 from "../../images/4w.jpg";
import img5 from "../../images/5w.png";


class CaseDesc extends React.Component {

    constructor(props) {
        super(props);
    }

    componentDidMount() {
        $('.venobox').venobox({
            numeratio: true,
            border: '5px'
        });
    }

    render() {
        let caseInfo = [
            {
                img : img1,
                href : "http://erp.vendorsbar.com/",
                content : "<h5>公司自主研发的产品—卖吧ERP（erp.vendorsbar.com）</h5>是依据成熟卖家经验整理的业务流程而开发的智能化自动化管理工具，覆盖运营的各个环节，旨在帮助卖家提高效率，节约成本，利润最大化。除了运营环节必不可少的基础模块，卖吧还着力打造为卖家创造价值的增值服务，如数字营销等。依靠其稳定的系统性能、出色的操作流程、高度的自动化、智能化，目前已被国内多家企业级机构客户广泛使用，市场反馈良好。",
                title : "卖吧ERP"
            },
            {
                img : img2,
                href : "http://www.huahubao.com/",
                content : "<h5>华沪宝（http://www.华沪资本.com/）</h5>上海华沪金瑞股权投资基金管理有限公司是一家以地产基金的募集、项目管理为核心、以多种金融服务为辅的专业私募股权投资管理公司。上海华沪金瑞股权投资基金管理有限公司由江苏金大地集团公司及金融业内人士共同发起成立。公司以房地产行业投融资服务为纽带，以金融增值服务为手段，聚集了强大的战略合作伙伴和广泛的人脉关系，在股权投资、基金管理领域具有丰富的管理和运作经验。依托房地产基金的核心业务，不断壮大公司企业规模，投资资产规模达100亿元，旗下投资、控股了上海华沙股权投资有限公司、天津华沪股权投资基金有限公司、上海华沪股权投资有限公司、上海信达汇融股权投资基金管理有限公司，以及成都融汇大通股权投资基金管理有限公司等多家公司，公司将努力打造成为高质量、多功能、集团性的金融控股公司。",
                title : "华沪宝"
            },
            {
                img : img3,
                href : "http://www.chupins.com/",
                content : "<h5>影享利（上海）金融信息服务（http://www.chupins.com/）</h5>影享利（上海）金融信息服务有限公司，是一家致力于发展互联网影视金融的新型创新类公司。公司股东以及高管由来自影视，行销，银行，券商等各方精英组成。背后拥有国企，银行，基金等各类资金的强大支持。旗下“出品人网”是全国首家专业互联网影视投资平台。“出品人网”不仅具有大众投资影视的功能，更是影视文化门户平台。",
                title : "出品人网"
            },
            {
                img : img4,
                href : "http://www.glamour.com",
                content : "<h5>Glamour（www.glamour.com）</h5>Glamour是英国高端女性时尚周刊，以其独特的编辑理念与视角报道时装、美容、名流及跟女性生活息息相关的一切",
                title : "Glamour"
            },
            {
                img : img5,
                href : "http://www.wzfpt.com/",
                content : "<h5>众创外综服平台（www.wzfpt.com）</h5>外综服平台是服务于河南省内中小微进出口企业，以电子商务为工具、以进出口业务流程服务外包为内容、以集约化的“互联网+外贸”为创新形式的快捷通关、退税、收汇一站式外贸综合服务平台",
                title : "外综服平台"
            }
        ];

        return (
            <div className={frame.caseContent}>
                {
                    caseInfo.map((v, k)=>(
                        <div key={"case_" + k} className={frame.casePanel}>
                            <div className={frame.casePanelContent} data-imagelightbox="a">
                                <img src={v.img} alt=""/>
                                <div className={frame.overly}/>
                                <div className={frame.showBtnPanel}>
                                    <a href={v.href} target="_blank"
                                       className="fa fa-link"/>
                                    <a data-gall="gall1" title={v.content}
                                       href={v.img}
                                       className="venobox fa fa-search-plus"/>
                                </div>
                                <div className="text-center">
                                    <h4>{v.title}</h4>
                                </div>
                            </div>
                        </div>
                    ))
                }
            </div>
        )
    }
}

export default CaseDesc;
